@charset "utf-8";

/*--------------------------------------

	copyright : Lampros co.,Ltd.

--------------------------------------*/



@import url(normalize.css);

@import url(aos.css);

@import url(common_parts.css);

@import url(common.css);



@media (max-width:1920px){html{font-size:16px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}

@media (max-width:328px){html{font-size:12px;}}

/*

 index

==============================*/

a{ text-decoration:none;color:#444;}

h6,h5,h4{ font-weight:normal !important}

h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}

.slow img:hover{ -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; transform:scale(1.05);}/*图片放大*/

.slow,.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*缓慢效果*/

h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/

.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 

progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}

.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/

.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/

.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 

/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);*/  /*180度旋转*/

/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/

/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*透明背景*/



.a_body{ position:relative; height:100%}

::-webkit-scrollbar {width:8px;height:8px; background:#f1f1f1}

::-webkit-scrollbar-track {border-radius:10px; background:#f1f1f1}

::-webkit-scrollbar-thumb {border-radius:10px; background:#c1c1c1}



input::-webkit-input-placeholder{ color:#999;}

input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }

input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}

input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}



textarea::-webkit-input-placeholder{ color:#999;}

textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;}

textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}

textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}



.w100{width:100%}

.w1200{width:1200px;margin:0 auto}

.clear{ clear:both}



h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

ul li:hover h5 a{ color:#ff0000}

.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}


.main li .menu5{position:  absolute;width:120px;left:  50%;margin-left:  -60px;}

.main li .menu5 li a{display:block;height: 44px;line-height: 24px;font-size: 12px;color:#fff;border-bottom:rgba(255,255,255,0.05) 1px solid;font-weight:  normal;}

.main li .menu5 li a:hover{ background:#076ce0; color:#fff}

.main_box {
    margin: 0 auto;
    width: 1200px;
    position: relative;
}

/*内容样式*/

.ar_article td,

.ar_article th{ padding:1rem 0.9375rem; border: 1px solid #c6c5c5;}

.ar_article td p,

.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}

.ar_article table {border-collapse: collapse;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; width:100% !important}

.ar_article table tr:not(:first-child) td{ background:none !important}

.ar_article table td { border-left: 1px solid #ccc;border-top: 1px solid #ccc; width:auto !important; }

.ar_article{font-size: 0.875rem;color: #797979;line-height: 1.875rem;text-align:justify;margin-bottom: 1.75rem;}

.ar_article p{font-size: 0.875rem;color: #707070;line-height: 1.875rem;text-align:justify;}	

.ar_article strong{ font-weight:bold;}

.ar_article img{ max-width:100%;}

.ar_article a{ color:#717173;}

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}

.ar_article h1{color:#076ce0; font-weight:bold; font-size:24px; display:block; }
.ar_article span{color:#076ce0; font-weight:bold; font-size:24px; display:block;margin-bottom:20px; }
.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}

.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}

.ar_article ul li,

.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}

.ar_article ul li p,

.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }

.ar_article ul,

.ar_article ol{ margin-bottom:0.9375rem;}

.ar_article sub {vertical-align:sub; font-size: smaller;}

.ar_article sup { vertical-align:super; font-size: smaller;}

.ar_article p span{ display:inline-block;}

.ar_article img{ display:inline-block;}

.ar_article hr{background:none;border: none;border-bottom: #d8d8d8 1px solid;margin-bottom: 20px;}


/*百度播放器美化*/

#playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}

#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;}

#playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;}

#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;}



/* Slider */

.miso-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}

.miso-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}

.miso-list:focus{outline:none}.miso-list.dragging{cursor:hand}

.miso-slider.miso-track,

.miso-slider.miso-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.miso-track{position:relative;left:0;top:0;display:block}

.miso-track:before,.miso-track:after{content:"";display:table}

.miso-track:after{clear:both}

.miso-loading.miso-track{visibility:hidden}

.miso-slide{float:left;height:100%;min-height:1px;display:none}

[dir="rtl"].miso-slide{float:right}

.miso-slide img{display:block}

.miso-slide.miso-loading img{display:none}

.miso-slide.dragging img{pointer-events:none}

.miso-initialized .miso-slide{display:block}

.miso-loading.miso-slide{visibility:hidden}

.miso-vertical.miso-slide{display:block;height:auto;border:1px solid transparent}

.miso-prev,.miso-next{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;top:50%;margin-top: -15px;padding:0;border:none;outline:none;}

.miso-slider{}

.miso-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}







.miso-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer; background:rgba(255,255,255,0.5);}

.miso-dots li.miso-active{background:rgba(255,255,255,1)}

.miso-slide:focus,

.miso-slide a:focus{ outline:none !important;}

.miso-dots li button{ display:none;}

/*小圆点*/

.miso-dots{}

.miso-dots li{}

.miso-dots li.miso-active{}



/* top ----------*/

#top {}

#top:before {position: absolute;z-index: 20;top: 0;left: -100%;content: "";width: calc((100% / 7.5) * 2);height: 100%;opacity: 0.7;background-color: #3696ef;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left top;transform-origin: left top;/* mix-blend-mode: multiply; */transition: all 1.5s ease-in-out;}

#top:after {position: absolute;z-index: 20;bottom: 0;right: -100%;content: "";width: calc((100% / 7.5) * 2);height: 100%;opacity: 0.7;background-color: #3696ef;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left bottom;transform-origin: left bottom;/* mix-blend-mode: multiply; */transition: all 1.5s ease-in-out;}

.start #top:before { left: 0; }

.start #top:after { right: 0; }

#top-logo { position: absolute; z-index: 11; top: 30%; right: calc(100% / 6); width: calc(100% / 6); opacity: 0; }

#top-copy {width:1000px; position: absolute;z-index: 10;bottom:40%;left:50%;margin-left:-500px; color: rgba(255,255,255,0.8);font-size: 1rem;opacity: 0;height: 301px;}

#top-copy strong {font-size: 3.4375rem;text-transform: uppercase;color: #fff;line-height: 4.4375rem;font-family: susu;}

#top-copy span.s {opacity: 1;
    font-size: 1.1rem;
    color: #fff;
    line-height: 2.7rem;
    margin-top: 5%;
    text-align: center;
    /* font-weight: bold; */
    margin-bottom: 0.5rem;}

/* mv-pg ----------*/

#mv-pg {position: fixed;z-index: -1;top: -10%;opacity: 0;left: 0;width: 100%;height: 100%;transition: all 30s ease-in-out;}

.active #mv-pg { top: 0; opacity: 1; }

#mv-pg li { position: absolute; width: 100%; height: 100vh; opacity: 0; }

#mv-pg li .pg { position: absolute; display: block; width: calc((100% / 6) + 1px); height: 100%; overflow: hidden; background-repeat: no-repeat; top: 0; }

#mv-pg li .pg:nth-child(1) { left: 0; }

#mv-pg li .pg:nth-child(2) { left: calc((100% / 6) * 1); }

#mv-pg li .pg:nth-child(3) { left: calc((100% / 6) * 2); }

#mv-pg li .pg:nth-child(4) { left: calc((100% / 6) * 3); }

#mv-pg li .pg:nth-child(5) { left: calc((100% / 6) * 4); }

#mv-pg li .pg:nth-child(6) { left: calc((100% / 6) * 5); }

@media screen and (max-width:1024px) { /* iPad 横 l */

	#top { height: 100vw !important; }

	#top-logo { top: 20%; right: 2rem; width: calc(50% - 2rem); }

	#top-copy { bottom: 20%; left: 2rem; font-size: 3vw; }

	#top-copy strong { font-size: 4.7vw; }

	#mv-pg { position: relative; top: 0; left: 0; width: 100%; opacity: 1; }

	#mv-pg li { height: 100%; }

	#mv-pg li .pg:nth-child(1) { top: 0; }

	#mv-pg li .pg:nth-child(2) { top: 0; }

	#mv-pg li .pg:nth-child(3) { top: 0; }

	#mv-pg li .pg:nth-child(4) { top: 0; }

	#mv-pg li .pg:nth-child(5) { top: 0; }

	#mv-pg li .pg:nth-child(6) { top: 0; }

}



/* idea ----------*/

#idea { background-color: #F5F5F5; }

#idea .inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }



/* case ----------*/

#case { background-repeat: no-repeat; background-position: center center; background-size: cover; }

#case .inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }



/* about ----------*/

#about { background-color: #FFF; }

#about .inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }



/* access ----------*/

#access { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment:fixed}

#access:after {position: absolute;z-index: 20;bottom: 0;right: 0;content: "";width: calc((100% / 6) * 3);height: 100%;opacity: 0.3;background-color: #076ce0;transition: all 1s ease-in-out;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left bottom;transform-origin: left bottom;mix-blend-mode: multiply; display:none}

#access.active:after {width: calc((100% / 6) * 1.5);}

#access .inner { position: relative; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }





/* recruit ----------*/

#recruit { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }

#recruit .inner { position: relative; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }



/* news ----------*/

#news { background-repeat: no-repeat; background-position: center center; background-size: cover;}

#news:before {position: absolute;z-index: 20;top: 0;left: 0;content: "";width: 0;height: 100%;background-color: rgba(0,0,0,0.05);-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left top;transform-origin: left top;transition: all 1s ease-in-out; display:none}

#news.active:before {width: calc((100% / 6) * 1.5);}

#news .inner { position: relative; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }





/* popup ----------*/

.pop-ovh { overflow: hidden !important; }

#popup { position: fixed; z-index: 999999; top: 100%; left: 0; width: 100%; height: 100vh; overflow-y: auto; background-color: rgba(29, 36, 82, 0.9); transition: all 0.6s ease-in-out; -webkit-overflow-scrolling: touch; }

#popup.pop { top: 0; }

#popup .inner { padding: 4rem; }

#popup .popup-close { display: block; width: 6rem; height: 6rem; opacity: 1; color: #1D2452; background-color: #FFF; text-align: center; line-height: 6rem; font-size: 3rem; transition: all 0.3s ease-out; }

#popup.pop-ovh .popup-close { opacity: 0; }

#popup-contents { max-width: 120rem; margin: 0 auto; opacity: 1; transition: all 0.3s ease-out; }

#popup.pop-ovh #popup-contents { opacity: 0; }

#popup-contents h2 { margin-bottom: 4rem; color: #FFF; text-align: center; line-height: 1.4; font-size: 4rem; }

#popup-contents h2 small { display: block; font-size: 1.8rem; }

#popup-contents .case_photos { margin-left: -2rem; }

#popup-contents .case_photos li { width: 33.33%; margin-bottom: 2rem; padding-left: 2rem; float: left; }

#popup-contents .case_photos li span { display: block; background-color: rgba(255, 255, 255, 0.1); }

#popup-contents .error { padding: 8rem; color: #FFF; text-align: center; }

#popup-close-top { position: absolute; top: 0; right: 0; }

#popup-close-bottom { margin: 0 auto; margin-bottom: 4rem; }

@media screen and (max-width:1024px) { /* iPad 横 l */

	#popup-contents .case_photos li { width: 50%; }

	#popup-close-bottom { margin: 0 auto; margin-bottom: 8rem; }

}

@media screen and (max-width:414px) { /* iPhone 縦 s */

	#popup-contents .case_photos li { width: 100%; }

}



.container01 .img_top{ position:absolute; left:0; top:0; width:50%; height:100%;}

.container01 .right{position:relative;left: 50%;margin-right: 0;width:600px;padding:0 0 0 3.875rem;}

.container01 .right h3{font-size:1.875rem;color:#272729;margin-bottom: 0.375rem;}

.container01 .right h2{font-size:3rem;color:#076ce0;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 3.375rem;}

.container01 .right .ar_article{ margin-bottom:7.125rem;}

.container01 .right .ar_article p{ font-size:0.875rem; color:#535151; line-height:1.875rem;}

.container01 .right ul{ float:left; width:650px; margin-bottom:3.75rem}

.container01 .right ul li{ float:left; border-right:#dcdcdc 1px solid; padding:0 40px 0 0; margin-right:44px;}

.container01 .right ul li h1{ font-size:2.5rem; color:#076ce0; font-family:susu01;}

.container01 .right ul li h5{ font-size:0.875rem; color:#413f3f}

.container01 .right .more{ overflow:hidden; width:199px; height:46px;}

.container01 .right .more a{ float:left; display:inline-block; width:199px; height:46px; line-height:46px; background:#076ce0 url(../images/more.png) right no-repeat; padding:0 0 0 20px; font-size:0.75rem; color:#fff; text-transform:uppercase}



.container02{ background:url(../images/container02_bg.jpg) center no-repeat}







.container02 .left{ float:left; width:800px;}

.container02 .left h3{font-size:1.875rem;color: #fff;margin-bottom: 0.375rem;}

.container02 .left h2{font-size:3rem;color:#076ce0;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 1.125rem;}

.container02 .left h5{font-size: 0.875rem;color:#e0e4ea;line-height:1.5rem;}

.container02 .right{ float:right; width:300px;}

.container02 .right ul{ text-align:right}

.container02 .right ul li{ margin-bottom:1.875rem}

.container02 .right ul li a{display:inline-block;width:263px;padding: 2rem 1rem 2rem 1.75rem;background:#e1e4e8; border:#fff 1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:left;}

.container02 .right ul li a:hover{ border:#076ce0 1px solid; background:#076ce0}

.container02 .right ul li a h5{font-size:1rem;color:#2a2a2c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 0.5rem;}

.container02 .right ul li a h6{ font-size:0.875rem; color:#be0000; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container02 .right ul li a:hover h5{ color:#fff}

.container02 .right ul li a:hover h6{ color:#fff}



.container03{ background:url(../images/container03_bg.jpg) center no-repeat}

.container03 .right{ float:right; width:500px;}

.container03 .right .title h3{font-size:1.875rem;color: #fff;margin-bottom: 0.375rem;}

.container03 .right .title h2{font-size:3rem;color:#076ce0;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 1.125rem;}

.container03 .right .title h5{font-size: 0.875rem;color:#e0e4ea;line-height:1.5rem; margin-bottom:6.125rem;}

.container03 .right ul li{ padding:0 0 3.5rem 4.5rem; border-bottom:#b9cbe9 1px solid; margin-bottom:3.5rem}

.container03 .right ul li h5{ font-size:1.125rem; color:#fff; font-weight:bold !important; margin-bottom:1rem}

.container03 .right ul li h5 small{ font-size:1.125rem; font-weight:normal; margin-left:0.5rem}

.container03 .right ul li p{ font-size:0.75rem; color:#f0f3fa; line-height:1.25rem;}



.container04{ background:url(../images/container04_bg.jpg) center no-repeat}

.container04 .title{ position:relative; margin-bottom:7.75rem}

.container04 .title h3{font-size:1.875rem;color:#272729;margin-bottom: 0.375rem;}

.container04 .title h2{font-size:3rem;color:#076ce0;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 1.125rem;}

.container04 .title h5{font-size: 0.875rem;color:#7c7c7e;line-height:1.5rem; position:absolute; right:0; bottom:0.2rem}

.container04 ul{ float:left; width:1350px;}

.container04 ul li{float:left;width: 312px !important;margin-right:128px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden;}

.container04 ul li .img,.container04 ul li .img img{ width:312px; height:342px; overflow:hidden}

.container04 ul li .con{ height:86px; padding:25px 44px; background:#fff; position:relative; transition: all 0.36s ease-in-out;}

.container04 ul li .con h5{ margin-bottom:0.5rem; transition: all 0.36s ease-in-out;}

.container04 ul li .con h5,.container04 ul li .con h5 a{ font-size:1rem; color:#1d1d1d}

.container04 ul li .con h6{ font-size:0.875rem; color:#d8372f; transition: all 0.36s ease-in-out;}

.container04 ul li .con .jiantou{ background:url(../images/jiantou01.png) center no-repeat; position:absolute; width:30px; height:5px; right:48px; top:42px; transition: all 0.36s ease-in-out;}

.container04 ul li:hover .con{ text-align:center; transition: all 0.36s ease-in-out;}

.container04 ul li:hover .con .jiantou{ right:-40px;}



.container05{ background:#f7f7f9; position:relative;}

.container05:before{ content:""; position:absolute; top:0; height:100%; width:1px; background:#e9e9ea; left:50%; margin-left:175px;}

.container05 .left{ float:left; width:776px;}

.container05 .left .title{ margin-bottom:3.75rem}

.container05 .left .title h3{font-size:1.875rem;color:#272729;margin-bottom: 0.375rem;}

.container05 .left .title h2{font-size:3rem;color:#076ce0;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 1.125rem;}

.container05 .left .miso-slider{ height:505px;}

.container05 .left .miso-slide .img{ margin-bottom:2.375rem;}

.container05 .left .miso-slide .img,.container05 .left .miso-slide .img img{ width:704px; height:385px; position:relative}

.container05 .left .miso-slide .img .time{ position:absolute; top:25px; left:25px; width:83px; height:87px; background:#ffffff; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; text-align:center; font-weight:bold}

.container05 .left .miso-slide .img .time h3{ font-size:1.875rem; color:#d8372f; height:56px; line-height:66px;}

.container05 .left .miso-slide .img .time h4{ font-size:0.9375rem; color:#39393a;font-weight:bold}

.container05 .left .miso-slide h5{ font-size:1.125rem; color:#000000; margin-bottom:1rem; max-width:726px;}

.container05 .left .miso-slide h5 a{ font-size:1.125rem; color:#000000;}

.container05 .left .miso-slide p{ font-size:0.875rem; color:#a9a9aa; line-height:1.5rem; height:3rem; overflow:hidden; max-width:726px;}

.container05 .left .miso-prev,.container05 .left .miso-next{width:29px;height:29px;z-index:1000;right: -14px;}

.container05 .left .miso-prev{ background:url(../images/top.png) center no-repeat; margin-top: -245px;}

.container05 .left .miso-next{background:url(../images/bottom.png) center no-repeat;margin-top: 98px;}

.lwy .miso-prev{ left:50px;}

.lwy .miso-next{ right:50px;}

.container05 .right{ float:right; width:366px;}

.container05 .right ul li{ border-bottom:#e5e5e6 1px solid; padding:0 0 2.75rem 0; margin-bottom:2.25rem}

.container05 .right ul li:last-child{ padding:0; margin:0; border:none}

.container05 .right h5{ margin-bottom:0.875rem}

.container05 .right h5,.container05 .right h5 a{ font-size:0.9375rem; color:#000000}

.container05 .right p{ font-size:0.75rem; color:#a9a9aa; line-height:1.25rem; height:2.5rem; overflow:hidden; margin-bottom:1rem}

.container05 .right .img,.container05 .right .img img{ width:366px; height:200px; overflow:hidden}



.container06{ background:url(../images/container06_bg.jpg) center no-repeat}

.container06 .left{ float:left; width:450px;}

.container06 .left .title{ margin-bottom:3.75rem}

.container06 .left .title h3{font-size:1.875rem;color:#fff;margin-bottom: 0.375rem;}

.container06 .left .title h2{font-size:3rem;color:#076ce0;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 1.125rem;}

.container06 .left .lwy{ border-right:rgba(255,255,255,0.25) 1px solid; width:100%}

.container06 .left ul{ margin-bottom:3rem}

.container06 .left ul li{ height:35px; line-height:35px; padding:0 0 0 40px; font-size:14px; color:#fff; margin-bottom:0.875rem}

.container06 .left .ewm{ margin-bottom:3.375rem}

.container06 .left .ewm img{ float:left; width:138px; height:138px; margin-right:22px;}

.container06 .left .ewm span{ float:left; font-size:0.875rem; color:#d4dae7; line-height:1.5rem; margin-top:2.75rem}

.container06 .left p{ font-size:0.75rem; color:#fff; line-height:1.5rem;}

.container06 .left p a{ font-size:0.75rem; color:#fff;}

.container06 .right{ float:right; width:750px; text-align:right; padding:9.5rem 0 0}

.container06 .right dl{ display:inline-block; margin-left:3.75rem; text-align:left}

.container06 .right dl dt a{ font-size:14px; color:#fff; font-weight:bold; margin-bottom:1.5rem}

.container06 .right dl dd a{ font-size:0.75rem; line-height:1.5rem; color:#fff;}



#top header{position:absolute;width:1200px;height:85px;left:50%;margin-left:-600px;top: -70px;z-index:100;}

#top header .left{float:left;width: 220px;height:85px;position:  relative;z-index: 1;}

#top header .left .logo{ float:left;}

#top header .left .logo img{ margin-top:10px;}

#top header .right{float:right;height: 50px;position:  relative;z-index: 2;}



/* -------------------------------- */

.nav {

  width: auto;

  height: 50px;
  border-radius: 5px;

  /* -webkit-transform: translate3d(-50%, 0, 0); */



  /* transform: translate3d(-50%, 0, 0); */

  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);



}

.nav__cb {

  z-index: -1000;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  pointer-events: none;

}

.nav__content {



position: relative;



width: 50px;



height: 100%;



-webkit-transition: width 1.5s cubic-bezier(0.49, -0.3, 0.68, 1.23);



transition: width 1.5s cubic-bezier(0.49, -0.3, 0.68, 1.23);

}

.nav__cb:checked ~ .nav__content {

  -webkit-transition: width 1.5s cubic-bezier(0.48, 0.43, 0.29, 1.3);

  transition: width 1.5s cubic-bezier(0.48, 0.43, 0.29, 1.3);

  width: 890px;

}

.nav__items {

  position: relative;

  width: auto;

  height: 100%;

  padding-left: 20px;

  padding-right: 60px;

  list-style-type: none;

  font-size: 0;

  white-space: nowrap;

}

.nav__item {

  display: inline-block;

  vertical-align: top;

  text-align: center;

  color: #6C7784;

  font-size: 14px;

  line-height: 50px;

  padding: 0 30px;

  font-family: Helvetica, Arial, sans-serif;

  font-weight: bold;

  -webkit-perspective: 1000px;

  perspective: 1000px;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

  cursor: pointer;

}

.nav__item:hover {

  color: #00bdea;

}

.nav__item-text {

  display: block;

  height: 100%;

  -webkit-transform: rotateY(-70deg);

          transform: rotateY(-70deg);

  opacity: 0;

  -webkit-transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

  transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

  transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s;

  transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

}

.nav__cb:checked ~ .nav__content .nav__item-text {

  -webkit-transform: rotateY(0);

          transform: rotateY(0);

  opacity: 1;

  -webkit-transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

  transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

  transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s;

  transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

}

.nav__item:nth-child(1) .nav__item-text {

  -webkit-transition-delay: 0.8s;

          transition-delay: 0.8s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(1) .nav__item-text {

  -webkit-transition-delay: 0s;

          transition-delay: 0s;

}

.nav__item:nth-child(2) .nav__item-text {

  -webkit-transition-delay: 0.7s;

          transition-delay: 0.7s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(2) .nav__item-text {

  -webkit-transition-delay: 0.1s;

          transition-delay: 0.1s;

}

.nav__item:nth-child(3) .nav__item-text {

  -webkit-transition-delay: 0.6s;

          transition-delay: 0.6s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(3) .nav__item-text {

  -webkit-transition-delay: 0.2s;

          transition-delay: 0.2s;

}

.nav__item:nth-child(4) .nav__item-text {

  -webkit-transition-delay: 0.5s;

          transition-delay: 0.5s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(4) .nav__item-text {

  -webkit-transition-delay: 0.3s;

          transition-delay: 0.3s;

}

.nav__item:nth-child(5) .nav__item-text {

  -webkit-transition-delay: 0.4s;

          transition-delay: 0.4s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(5) .nav__item-text {

  -webkit-transition-delay: 0.4s;

          transition-delay: 0.4s;

}

.nav__item:nth-child(6) .nav__item-text {

  -webkit-transition-delay: 0.3s;

          transition-delay: 0.3s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(6) .nav__item-text {

  -webkit-transition-delay: 0.5s;

          transition-delay: 0.5s;

}

.nav__item:nth-child(7) .nav__item-text {

  -webkit-transition-delay: 0.2s;

          transition-delay: 0.2s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(7) .nav__item-text {

  -webkit-transition-delay: 0.6s;

          transition-delay: 0.6s;

}



.nav__item:nth-child(8) .nav__item-text {

  -webkit-transition-delay: 0.1s;

          transition-delay: 0.1s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(8) .nav__item-text {

  -webkit-transition-delay: 0.7s;

          transition-delay: 0.7s;

}

.nav__item:nth-child(9) .nav__item-text {

  -webkit-transition-delay: 0s;

          transition-delay: 0s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(9) .nav__item-text {

  -webkit-transition-delay: 0.8s;

          transition-delay: 0.8s;

}

.nav__btn {

  position: absolute;

  right: 0;

  top: 0;

  width: 50px;

  height: 50px;

  padding: 16px 14px;

  cursor: pointer;

}
.nav__btn:before, .nav__btn:after {
  content: "";
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 2px;
  background: #fff;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: background-color 0.3s, -webkit-transform 2s cubic-bezier(0.48, 0.43, 0.29, 1.3);
  transition: background-color 0.3s, -webkit-transform 2s cubic-bezier(0.48, 0.43, 0.29, 1.3);
  transition: transform 2s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s;
  transition: transform 2s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s, -webkit-transform 2s cubic-bezier(0.48, 0.43, 0.29, 1.3);
}
.nav__btn:before {
  margin-bottom: 11px;
}
.nav__btn:hover:before, .nav__btn:hover:after {
  background: #fff;
}
.nav__cb:checked ~ .nav__btn:before {
  -webkit-transform: translateY(7px) rotate(-225deg);
          transform: translateY(7px) rotate(-225deg);
}
.nav__cb:checked ~ .nav__btn:after {
  -webkit-transform: translateY(-7px) rotate(225deg);
          transform: translateY(-7px) rotate(225deg);
}
.nav__btn .hengxian{position:absolute;left:50%;margin-left: -11px;top:50%;margin-top:-2px;width: 22px;height: 3px;background:#fff;}
.nav__content .nav__item .nav__item-text a{font-size: 14px;color:#fff;}
.nav__content .nav__item .nav__item-text{ position:relative;}
.nav__content .nav__item.on .nav__item-text:before,.nav__content .nav__item:hover .nav__item-text:before{ content:""; position:absolute; left:0; right:0; height:2px; background:#fff; bottom:0;}
.drop li {
	opacity: 0;
	transform-origin: top center
}
.drop li a {
	background-color: rgba(23,23,50,.7);
	padding: 10px 0
}
.main li:hover .menu1 li:first-of-type {
	animation: menu1 .3s ease-in-out forwards;
	animation-delay: .3s
}
.main li:hover .menu1 li:nth-of-type(2) {
	animation: menu1 .3s ease-in-out forwards;
	animation-delay: .6s
}
.main li:hover .menu1 li:nth-of-type(3) {
	animation: menu1 .3s ease-in-out forwards;
	animation-delay: .9s
}
.main li:hover .menu1 li:last-of-type {
	animation: menu1 .3s ease-in-out forwards;
	animation-delay: 1.2s
}
.main li:hover .menu5 li:first-of-type {
	animation: menu5 .3s ease-in-out forwards;
	animation-delay: .3s
}
.main li:hover .menu5 li:nth-of-type(2) {
	animation: menu5 .3s ease-in-out forwards;
	animation-delay: .6s
}
.main li:hover .menu5 li:nth-of-type(3) {
	animation: menu5 .3s ease-in-out forwards;
	animation-delay: .9s
}
.main li:hover .menu5 li:nth-of-type(4) {
	animation: menu5 .3s ease-in-out forwards;
	animation-delay: 1.2s
}
.main li:hover .menu5 li:nth-of-type(5) {
	animation: menu5 .3s ease-in-out forwards;
	animation-delay: 1.5s
}
@keyframes menu5 {
	0% {
		opacity: 0;
		transform: rotateX(-90deg)
	}
	100% {
		opacity: 1;
		transform: rotateX(0)
	}
}


#header{  height:90px; z-index:9;}
#header .main_box{ position:relative; height: 90px; background: #fff; }
#header .top{ background:#fff; padding:0 20px;}
#header .top .logo{ display:table; height: 90px;  position:absolute; top: 0px; left:20px; z-index:3;}
#header .top .logo a { display:table-cell; vertical-align:middle;}
#header .top .logo a img{width:200px}
#header .top .bnt_serch{ right:0;top: 22px;}
#header .top .bnt_serch1{ position:absolute; right:0; top:52px;}

#j_seach_box{width:28px;height:28px;line-height:28px;position: absolute;right: 39px;top: 30px;}
#j_seach_box .box{position: absolute; right: 0; top: 60px; z-index: 999; height: 0px; overflow: hidden; width: 200px; background:#fff;}
#j_seach_box .box form{ border: 1px solid #d83648; height: 26px;  }
#j_seach_box input[type="text"]{ display: block; border:none; height:26px; color: #656565; font-size: 12px; background:none; line-height:25px; padding:0 10px; padding-right:28px;}
#j_seach_box input[type="submit"]{  position:absolute; right:0; top:0; padding: 0; z-index:2; background:url(../images/icon_search.png) center no-repeat #d83648; height:28px; width:28px; cursor:pointer; border:none; }
#j_seach_box .bnt_search{  position:absolute; right:0px; top:60; padding: 0; z-index:3; background:url(../images/icon_search.png) center no-repeat #d83648; height:28px; width:28px; cursor:pointer; border:none; }

#bnt_site_map{position:absolute;right: 0;top: 30px;padding: 0;z-index:2;background:url(../images/bnt_nav.png) center no-repeat #f26756;height:28px;width:28px;cursor:pointer;border:none;}
#j_seach_box.on #bnt_site_map{ background:url(../images/bnt_close_nav.png) center no-repeat #d83648; }
#bnt_site_map:hover{ background:url(../images/bnt_nav.png) center no-repeat #cb0f24; }
#j_seach_box.on .box{ height: 28px;}

#lan_box{display:  none;position:absolute;right:0px;top: 30px;padding: 0;z-index:2;width:28px;height:28px;color: #fff;font-size: 12px;text-transform: uppercase;line-height: 28px;text-align: center;cursor:pointer;border:none;background: #fbb464;}

/*=================网站地图=================*/
#nav_right{  width: 180px; height: 100%; position: fixed; right: -180px; top: 0; z-index: 9999; background:#fff; box-shadow: 0 0 8px #aaa;}
#nav_right .box{padding:30px 20px; position: relative; height: 90%;}
#nav_right .title{ display: block; position: relative; vertical-align: middle; margin-bottom: 20px; line-height: 30px; padding-left: 45px;  font-size: 16px; color: #333; background: url(../images/logo_nav.png) left center no-repeat;}
#nav_right .title a{ position: absolute; right: 0px; top: 2px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
#nav_right .title a:hover{  transform:rotate(90deg);-webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);}
#nav_right dl{ height: 95.5%;}
#nav_right dd{ padding-bottom: 30px; padding-left: 35px;}
#nav_right dd h1{ font-size:14px; color:#626262; line-height:22px; margin-bottom:10px;}
#nav_right dd a{ display:block; font-size:12px; color:#878787; line-height:24px;}
#nav_right dd a:hover{ color:#0d9486;}
#ascrail2000{ display:none !important;}

/*=================导航=================*/

#nav{ position:absolute; right:0; top:0px;}
#nav ul{ }
#nav li{ margin:0 -2px;height:90px;  position:relative; display: inline-block; }
#nav li .on strong{}
#nav li .a{ display: inherit;  text-align:center; padding: 0 20px 0 25px;   }
#nav li.first .a{ background:none;}
#nav li .a img{  }
#nav li .a strong{display: block;margin-top:35px;  font-size:16px; color:#444; font-weight:normal; text-align:center; position:relative; z-index:4;  }
#nav li .a p{color:#bbb;font-size:14px;text-align: center;line-height: 30px;}
#nav li .a span{ position:absolute; top: -10px; left:0%;  display: inherit; width:100%;    text-align:center;}
#nav li .a i{  display: inline-block; margin:0 auto; text-align:center;  z-index:1; width: 0; height: 3px;  background: #d83648; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
#nav li.on i{  width:60px;}
#nav li.on .a strong{ color:#076ce0 }
#nav li.on .a p{ color:#076ce0 }
#nav li:hover i{  width:60px; }
#nav li:hover .a strong{ }
.right{float:right;}
.left{float:left;}
#nav .title{}
#nav .list{ display:none; left:-15px; top: 90px; position:absolute; height:50px;  width:700px; }
#nav .list .box{ text-align:left; position:relative;}
#nav .list a{ font-weight:normal; margin-left: 38px; color:#fff; line-height:50px;  font-size:14px;  }
#nav .list a:hover{ color: #fff;}
#nav .text_left{ left:auto; right: 24px}
#nav .text_left .box{ text-align:right;}
.list_box{ position:absolute;  left:0px; top: 90px; z-index:9; height:0px; line-height:50px; width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#2D000000', endColorstr='#2D000000');background:rgba(7,108,224,0.58);}

.ban{width:100%}
.ban img{width:100%;}

.fot{width:1200px;margin:0 auto;}
.logo2{display: block;margin:0 auto;margin-bottom:2%;}
.botnav{background: #fff;box-shadow: #000 3px 3px 3px;display: flex;justify-content: center;}
.botnav li{width:10%;}
.botnav li a{text-align: center;font-size:16px;color:#666;line-height: 45px;}
.footer{background: #2b2c2c;padding:1% 0;padding-bottom:0;}

.botxw{display: flex;justify-content: space-between;flex-wrap: wrap;padding:1% 0;border-bottom:1px #666 solid;}
.botxw li{width:50%;margin:1% 0;}
.botxw li:hover .botr h1{color:red;}
.botl{border:1px #fff solid;padding:5px 10px;}
.botl h1{color:#fff;font-size:22px;text-align: center;font-weight: normal;}
.botl span{display: block;width:100%;height:1px;background: #fff;margin:10px auto;}
.botl p{color:#fff;font-size:16px;text-align: center;}
.botr{width:84%;}
.botr h1{font-size:16px;color:#fff;/*font-weight: normal;*/width:95%; margin-top:13px;height:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.botr p{color:#fff;font-size:14px;margin-top:10px;}
.yqlj span{color:#ccc;font-size:16px;}
.yqlj a{color:#ccc;font-size:16px;display: inline-block;padding:0 5px;}
.yqlj{margin:1.5% 0;}
.yqlj a:hover{color:red;}

.dbl p{color:#ccc;font-size:14px;line-height: 32px;;}
.dbr{display: flex;justify-content: space-between;width:20%;}
.ewm{width:50%;}
.ewm img{display: block;margin:0 auto;}
.ewm p{color:#fff;font-size:14px;text-align: center;line-height: 24px;}

.zdb{color:#ccc;font-size:14px;text-align: center;line-height: 55px;background: #222222;margin-top:1%;}
.zdb a{color:#ccc}

.nytit{width:1200px;margin:2.5% auto;    margin-top: 5%;}
.nytit h1{text-align: center; font-size:32px;color:#076ce0}
.nytit p{text-align: center;font-family: impact;font-size:30px;color:#94b2eb;line-height: 38px;;}
.hstit{display: flex;justify-content: center;}
.nybox{width:1200px;margin:0 auto;}
.hstit li{cursor: pointer; font-size:16px;width:11%;text-align: center;background:url(../images/now1.png) no-repeat center;background-size:100% 100%; line-height: 32px;height:40px;margin:1% 0.5%;}
.hsnow{background:url(../images/now.png) no-repeat center!important;background-size:100% 100%!important;color:#fff!important}
.hstit li:hover{background:url(../images/now.png) no-repeat center!important;background-size:100% 100%!important;color:#fff!important}
.hstit li a:hover{color:#fff!important}    
.hstit li a{width: 100%;height: 100%;display: block;}
.fl01 {margin-top:2%;
    padding: 0 0 85px 0;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.fl01 .left {
    float: left;
    position: relative;
    width: 729px;
}
.fl01 .left .img {
    position: absolute;
    top: 66px;
    right: -338px;
}
div:after, ul:after {
    content: "";
    display: block;
    clear: both;
}
.fl01 .right {
    /*  float: right;
    width: 468px;*/
    padding: 140px 0 0;
}
.fl01 h3 {
    font-size: 28px;
    color: #464646;
    font-weight: normal;
    margin-bottom:20px;
}
.ar_article {
    font-size: 0.875rem;
    color: #797979;
    line-height: 1.875rem;
    text-align: justify;
    margin-bottom: 1.75rem;
}
div:after, ul:after {
    content: "";
    display: block;
    clear: both;
}
.ar_article p {
   font-size: 16px;
    color: #707070;
    line-height: 36px;
    text-align: justify;

}
.ar_nr{
   font-size: 16px;
    color: #707070;
    line-height: 36px;
    text-align: justify;
    margin-bottom: 1.75rem;
}
.zzjg{width:1200px;margin:0 auto;}
.zztit{position: relative;margin:5% auto;}
.zztit h1{font-size:32px;color:#d6d7d9;font-family: impact;text-align: center;}
.zztit p{font-size:26px;color:#076ce0;font-weight: bold;text-align: center;position: absolute;left:50%;margin-left:-52px;top:14px;}

#n_contact {margin-top:3%;
    position: relative;
}
#n_contact .up_box {
    position: relative;
    min-height: 355px;
    margin-bottom: 60px;
}
#n_contact .up_box .left {
    width: 595px;
    border-right: 1px solid #e3e5e6;
}
.ar_article {
    color: #706e6e;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
}
.ar_article p {
    font-size: 14px;
    color: #706e6e;
    line-height: 30px;
}
.ar_article img {
    max-width: 100%;
}
#n_contact .up_box .left {
    width: 595px;
    border-right: 1px solid #e3e5e6;
}
#n_contact .up_box .right {
    width: 534px;
}
#n_form {
    width: 602px;
    margin: 0 auto;
}
#n_form .text {
    width: 228px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    background: none;
    border: 1px solid #d4d4d1;
    font-size: 12px;
    color: #474949;
    margin: 0 15px 15px 0;
    float: left;
}
#n_form textarea {
    display: block;
    height: 160px;
    resize: none;
    margin-bottom: 20px;
    background: none;
    border: 1px solid #d4d4d1;
    width: 560px;
    padding: 10px 15px;
    font-size: 12px;
    color: #474949;
    line-height: 20px;
}
.yzm_box {
    width: 592px;
    position: relative;
    padding: 0 !important;
    margin-left: 0;
    margin-bottom: 20px;
    border: none;
}
.yzm_box input {
    height: 34px;
    font-size: 12px;
    color: #474949;
    width: 230px;
    line-height: 34px;
    border: 1px solid #d0d0d0;
    padding-left: 10px;
}
.yzm {
    position: absolute;
    left: 275px;
    height: 40px;
    top: 0;
    cursor: pointer;
}
#n_form .submit {
    background: #076ce0;
    font-size: 14px !important;
    border: 0;
    height: 36px !important;
    color: #fff;
    line-height: 36px !important;
    width: 538px;
    cursor: pointer;
}
.un_box{margin-bottom:5%;}


/*=====================新闻中心=====================*/

#n_news{}

#n_news .up_box{ /*padding-bottom: 50px;*/margin-top: 50px;}

#n_news .up_box .left{ width: 725px;}

#n_news .up_box .right{ width: 450px;}
/*=====================推介图片新闻================*/

#hot_pic_news a{ position: relative; display: block; border: 2px solid #dedee2; padding-left: 500px;   height: 315px; overflow: hidden;}

#hot_pic_news .pic_box{ display: block; position: absolute; left: 0; top: 0; border-right: 4px solid #dedee2; width:470px; height: 315px; overflow: hidden;}

#hot_pic_news .pic_box img{ display: block; width:470px; height: 315px;}

#hot_pic_news .text_box{ padding:55px 30px 0 0; position: relative;   }

#hot_pic_news .text_box h1{  font-size:16px; line-height: 26px; height: 52px; overflow: hidden;  font-weight: 700; color: #4c4c4f;}

#hot_pic_news .text_box span.more{  margin-top: 30px; background: #076ce0; color:#fff; display:block; font-size:12px; height: 32px; line-height: 32px; width: 95px; text-align: center; }

#hot_pic_news .text_box p{ line-height:22px; height:66px; overflow:hidden;margin-top:20px; font-size:12px; color:#505159; opacity:.74;filter:alpha(opacity=74);}

#hot_pic_news a:hover{ background: #fff;}

#hot_pic_news .text_box h1:hover{ color: #076ce0;}

#hot_pic_news .text_box span:hover{ border-radius: 16px;}
/*=====================推介文字新闻================*/

#hot_text_news{ }

#hot_text_news li{ margin-bottom: 20px; margin-bottom: 17px; display: block; position: relative; height: 149px; overflow: hidden; border: 2px solid #dedee2; padding: 15px 30px;}

#hot_text_news li .text_box{position:relative;   margin-top: 10px; }

#hot_text_news li h1{ display: block; padding-bottom: 10px;  }

#hot_text_news li h1 a{overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#404142;font-size:15px;display:block;}

#hot_text_news li p{font-size:12px;line-height:19px;color:#8a8b8d; height: 38px; overflow: hidden;}

#hot_text_news li span{margin-top:2px;display:block;font-size:12px;color:#5c5c5d}

#hot_text_news .fot_box{position:relative;height:12px;line-height:14px; margin-top: 20px;}

#hot_text_news .fot_box span{color:#a1a1a1;font-size:12px;}

#hot_text_news .fot_box span.time{  background: url(../images/icon_time.png) left center no-repeat;  padding-left: 20px;}

#hot_text_news .fot_box span.read{position: absolute; right: 20px; top: 0;  background: url(../images/icon_read.png) left center no-repeat;  padding-left: 20px;}

#hot_text_news .fot_box a{display:block;color:#a1a1a1;font-size:12px;position:absolute;right:0;top:0;background:url(../images/icon_more_jt.png) right center no-repeat;padding-right:20px}

#hot_text_news li:hover{ border-bottom: 2px solid #076ce0; background: #fff;}

#hot_text_news li h1 a:hover{color:#e23a53;text-decoration:none}

#hot_text_news li .fot_box a:hover{background:url(../images/icon_more_jt_hover.png) right center no-repeat;color:#e23a53}

#hot_text_news li   .mark{ display: none; position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../images/icon_mark_news.png) center no-repeat;}

#hot_text_news li.on    .mark{ display: block;}
/*=====================新闻列表================*/

#list_news{ background: #fff; }

#list_news ul{ }

#list_news li{  height:145px; margin: 30px 0;  position:relative; display:block; overflow:hidden;   }

#list_news li .main_box{ }

#list_news li a{display:block;}

#list_news li .pic_box{position:absolute; left:0px;  top:  0px; background:#000;width:220px;height:145px;overflow:hidden}

#list_news li .pic_box a{ position:relative; }

#list_news li img{width:220px;height:145px;display:block}

#list_news li .text_box{position:relative; margin-left: 265px;  }

#list_news li h1{ display: block; padding-bottom: 15px; padding-top:15px;  }

#list_news li h1 a{overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#535355;font-size:16px; color: #434345; display:block;}

#list_news li p{font-size: 14px;
    line-height: 23px;
    color: #9c9f9f;
    height:70px;
    overflow: hidden; }

#list_news li span{margin-top:2px;display:block;font-size:12px;color:#5c5c5d}

#list_news .fot_box{position:relative;height:12px;line-height:14px; margin-top:5px;}

#list_news .fot_box span{color:#979798;font-size:14px; opacity:1;filter:alpha(opacity=65);}

#list_news .fot_box span.time{  background: url(../images/icon_time.png) left center no-repeat;  padding-left: 20px;  }

#list_news .fot_box span.read{position: absolute; left: 120px; top: -2px; background: url(../images/icon_read.png) left center no-repeat;  padding-left: 20px; color: #979798;}

#list_news .fot_box a{display:block;color:#a1a1a1;font-size:12px;position:absolute;right:0;top:0;background:url(../images/icon_more_jt.png) right center no-repeat;padding-right:20px}

#list_news li:hover{ background: #f4f5f7;}

#list_news li h1 a:hover{color:#076ce0;text-decoration:none}

#list_news li .fot_box a:hover{background:url(../images/icon_more_jt_hover.png) right center no-repeat;color:#e23a53}

/*================-page================------*/

.page{ display:block;margin:40px auto;display: flex;justify-content: center;}

.page a{display: block; float: left; padding:0 15px; height:32px; text-align:center; line-height:32px; border:none; margin-left:10px; color:#fff; color:#6c6c6d; font-size:12px;  }

.page a:hover{background:#0664be; color:#fff !important; text-decoration:none; }

.page .on{ background:#0664be; color:#fff !important; text-decoration:none; } 

.page a.page_prve{ background:#a4a4a4; color:#fff;}

.page a.page_next{ background:#a4a4a4; color:#fff;}

.page a:hover{ background:#0664be; color:#fff !important; text-decoration:none; }

.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}

.cybj{display: flex;justify-content: space-around;width:1200px;margin:0 auto;}
.cybj li{width:23%;background: #fff;padding:80px 30px; border:5px #d5d5d5 solid;}
.cybj li img{display: block;margin:30px auto;}
.cybj li h1{font-size:16px;text-align: center;color:#444;}
.cybj li p{text-transform: uppercase;font-size:14px;text-align: center;color:#999;margin-top:15px;}
.cybj li:hover{border:5px #076ce0 solid;}
.cytit{width:1200px;text-align: center;margin:4% auto;font-size:16px;line-height: 32px;color:#666;}
.neirong{background: url(../images/bg.png) no-repeat bottom center;background-size:100%;padding-bottom:5%;}

.cybj li:hover h1{  -webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out;  animation:to1 .6s ease-in-out;}
.cybj li:hover p{ -webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out;  animation:to1 .6s ease-in-out;}
@-webkit-keyframes to1{
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        opacity:0;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }


    51%{
        opacity:0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}


.m {
    width: 1200px;
    margin: 0 auto;margin-top:50px;
    display: block;}
#n_zhaopin{}
#n_zhaopin .box1{ overflow:hidden;}
#n_zhaopin .box1 .fl{ width:740px; height:300px; float:left;}
#n_zhaopin .box1 .fl img{ width:740px; height:300px;}
#n_zhaopin .box1 .fr{ width:453px; height:300px; float:right;}
#n_zhaopin .box1 .fr p{ font-size:16px; color:#fff; padding-top:72px; padding-left:52px; line-height:36px;}


#n_hr{ margin-top:50px;margin-bottom:50px;}
#n_hr .title{ margin-bottom: 25px; position: relative; border-top:  1px solid #e8e9ec; padding-top: 32px;}
#n_hr .title .line{ background: #df203d; width: 65px; height:4px; position: absolute; left: 0; top:-4px;  z-index: 1; }
#n_hr .title h1{ font-size:20px; font-weight: 700; color: #555658;}

#n_hr ul{margin:0 -35px; margin-top:-30px; overflow:hidden;}
#n_hr li{width: 565px; height:208px; padding: 35px 25px; margin: 0 35px; margin-top:30px; border: 1px solid #dedee2;  position:relative;display:block;overflow:hidden;background:#f3f4f8;float:left; -moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s; }
#n_hr li a{display:block;}
#n_hr li img{width:180px;height:125px;display:block}
#n_hr li .text_box{position:relative; margin-left: 205px; margin-top: 10px; }
#n_hr li h1{ display: block; padding-bottom: 10px;  overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#404142;font-size:16px;display:block;}
#n_hr li p{font-size:14px;line-height:26px;color:#8a8b8d}
#n_hr li span{margin-top:2px;display:block;font-size:12px;color:#5c5c5d}
#n_hr .fot_box{position:relative;height:12px;line-height:14px; margin-top: 20px;}
#n_hr .fot_box span{color:#c5c5c7;font-size:14px;}
#n_hr .fot_box span.time{  background: url(../images/icon_time.png) left center no-repeat;  padding-left: 20px;}
#n_hr .fot_box span.read{position: absolute; right: 20px; top: 0;  background: url(../images/icon_read.png) left center no-repeat;  padding-left: 20px;}
#n_hr .fot_box a{display:block;color:#a1a1a1;font-size:12px;position:absolute;right:0;top:0;background:url(../images/icon_more_jt.png) right center no-repeat;padding-right:20px}
#n_hr li:hover{ border: 1px solid #076ce0; background: #076ce0;}
#n_hr li:hover h1 {color:#fff;  }
#n_hr li:hover p {color:#fff; opacity:.83;filter:alpha(opacity=83);}
#n_hr li:hover .fot_box span{color:#eecbcb;}
#n_hr li:hover .fot_box span.time{  background: url(../images/icon_time_bs.png) left center no-repeat;  padding-left: 20px;}
#n_hr li:hover .fot_box span.read{position: absolute; right: 20px; top: 0;  background: url(../images/icon_read_bs.png) left center no-repeat;  padding-left: 20px;}

#n_hr li .fot_box a:hover{background:url(../images/icon_more_jt_hover.png) right center no-repeat;color:#e23a53}

#job_form form {
    margin-right: -20px;}
#job_form  .text{ width:290px; padding: 0 15px;height: 34px;line-height: 34px;background: none;border: 1px solid #c1c1c1;font-size: 14px;color: #474949; margin: 0 20px 20px 0; float: left;}
#job_form  textarea{ display:block; height:160px; resize:none; margin-bottom:20px;  background:none;  border:1px solid #c1c1c1; width:560px; padding:10px 15px;font-size:14px; color:#474949; line-height:20px;}
#job_form  .text:focus{ border:1px solid #89bbe1;}
#job_form  textarea:focus{ border:1px solid #89bbe1;}
#job_form .submit{ background:#444; position: absolute;right: 0;top: 0; font-size:14px !important; border:0; border-radius:2px; height:28px !important; color:#fff; line-height:28px !important; width:100px; cursor:pointer;}
#job_form .submit:hover{  color: #fff; border-radius:3px;}
#job_form  .file_box { position:relative; padding-left:60px; line-height:28px; font-size:14px;}
/*#job_form  .file_box input[type="file"]{ opacity:0; filter:alpha(opacity=0); cursor:pointer;}*/
#job_form  .file_box .f_box{ position:relative; }
#job_form  .file_box strong{ position:absolute; left:0; top:3px; color:#727272;}
#job_form  .file_box .bnt_file{ text-align:center;  height:28px; line-height:28px; color:#fff; font-size:12px; width:85px;  cursor:pointer;  margin-left:5px; background:#a9a9a9; border-radius:2px; position:absolute; left: 0px; top: 3px;}
#job_form  .file_box #jianli{ width:80px !important; height:28px !important; cursor:pointer; opacity:0; filter:alpha(opacity=0); position:absolute; left:95px; top:3px;}
#job_form  .file_box #jianli:hover .bnt_file{ background:#10578e; color: #fff; }
 
.ypl{padding:55px 40px;width: 700px;position: relative;}
.yingp{width:1000px;margin:3% auto;border:1px #ccc solid}

.industry-right .list ul li .info {
    width: 920px;
}
.pull-right {
    float: right !important;
}
.industry-right{width:1200px;margin:0 auto;}
.industry-right .list ul li .info .title-a {
    font-size: 16px;font-weight:bold;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
}
.industry-right .list ul li {
    border: 1px #ccc solid;
    padding: 10px;
}
.industry-right .list ul li .img {
    width: 235px;
    height: 150px;
}
.industry-right .list ul li .img img{width:100%;height:100%;}
.pull-left {
    float: left!important;
}
.img {
  
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
}
.industry-right .list ul li .info p {
    line-height: 22px;    font-size: 14px;
    padding: 15px 0;
    color: #999;
}
.industry-right .list ul li:hover .title-a{color:#fff}
.industry-right .list ul li .info .more {
    display: block;
    width: 170px;
    /*height: 35px;
    line-height: 35px;*/
    text-align: center;
    border: 1px solid #d0d0d0;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}
.industry-right .list ul li .more span {
    overflow: hidden;
    line-height: 35px;
    height: 35px;
    vertical-align: middle;
}
.industry-right .list ul li .more i {
    _display: inline;
    display: inline-block;
    zoom: 1;
    width: 0;
    height: 35px;
    background-image: url(../images/bg2.gif);
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: middle;
    margin-left: 10px;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}
.industry-right .list ul li{margin-top:25px;}
.industry-right .list ul li:hover .info p {

    color: #fff;

}
.industry-right .list ul li:hover .more {

    background-color: #076ce0;

    border: 1px solid #fff;

    color: #fff;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}
.industry-right .list ul li:hover {
    background-color: #076ce0;border:1px #076ce0 solid;
}
.industry-right .list ul li:hover .more i { width: 33px;}

.n_dajishi{/* padding:0 0 20px;*/margin-top:50px;}

.n_dajishi ul{ float:left; width:1280px; margin-bottom:15px;}

.n_dajishi ul li{float:left;background: #f7f7f7; width: 350px;margin: 0 70px 40px 0;position:relative;}

.n_dajishi ul li:before{ content:""; position:absolute; right:-10px; bottom:0; width:10px; height:365px; background:#fff; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.n_dajishi ul li:hover:before{ background:#076ce0}

.n_dajishi ul li .img{float:left;width: 350px;height: 190px;overflow:hidden;}

.n_dajishi ul li .con{float:left;width: 350px;height:235px;padding:36px 30px;}

.n_dajishi ul li .con h6{ font-size:12px; color:#8a8a8a; margin-bottom:14px;}

.n_dajishi ul li .con h5 a{ font-size:16px; color:#505050;}

.n_dajishi ul li .con h5 a:hover,.n_dajishi ul li .con .more a:hover{ color:#076ce0}

.n_dajishi ul li .con h5{ margin-bottom:12px;}

.n_dajishi ul li .con p{ font-size:12px; line-height:22px; color:#8a8a8a; height:44px; overflow:hidden; margin-bottom:42px;}

.n_dajishi ul li .con .more{ position:relative; padding:0 0 0 84px;}

.n_dajishi ul li .con .more a{ font-size:12px; color:#a6a6a6; font-style:italic;}

.n_dajishi ul li .con .more:before{content:"";position:absolute;left:3px;top: 5px;width:70px;height:1px;background:#a6a6a6;}

.n_dajishi ul li .con .more:hover:before{background:#076ce0}

/*==============新闻中心=====================*/

#n_notice  { overflow:hidden;  width: 1200px;margin:0 auto;; }

#n_notice ul{ /*margin:-55px -50px -35px 0; */ overflow:hidden;}

#n_notice li{ display: block; /*height: 65px;*/ padding:55px 30px 55px 0px; float: left; width: 594px; border-bottom: 1px solid #edecec;}

#n_notice li.odd{ border-left:1px solid #edecec; padding-right:0; padding-left:30px;}

#n_notice li .box{padding: 0px 0px 0px 95px; position: relative;   }

#n_notice li a{  display:block;  font-size:16px; color:#474749; margin-bottom: 13px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis}

#n_notice li p{ line-height:20px; font-size:14px; color:#848487; height:40px; overflow:hidden;}

#n_notice li a:hover{ color:#076ce0;}

#n_notice .date_box{ position:absolute; left:0px; top:-5px; text-align: center; width:60px;}

#n_notice .date_box strong{    padding-top: 2px; font-weight:normal; padding-bottom: 6px; border-bottom: 1px solid #e4e2e2; display:block; font-size: 36px;  color:#8d8d90;}

#n_notice .date_box span{ font-size: 17px; color: #8d8d90; margin-top: 9px; display:block; text-transform: uppercase;}




/*关于我们start*/

.about_bg{ position: fixed; width: 100%; height: 100%; top:0; left: 0;    background: url(../images/about_bg.jpg) no-repeat;background-size: cover;}

.about_content{ width: 60%; margin: 0 auto;}

.about_content h2,.about_content h3{ text-align: center; font-weight: bold; color: #000; }

.about_content h2{ font-size: 40px;margin-bottom:50px;}

.about_content h3{ font-size: 26px; margin-bottom: 60px;}

.about_content p{ font-size: 16px; color: #000; line-height: 180%; margin-bottom: 20px; text-align: center;}

.about_content.history{ text-align: center; position: relative;}

/*大事记start*/

.event_box{ width: 60%; margin: 3% auto 0;position: relative; min-height: 420px;}

.event_box .parHd {width: 100%; display: inline-block;

    height: 92px;

    overflow: hidden;}

.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important;}

.parHd .tempWrap{ margin: 0 auto;}

.parHd .tempWrap:after{      content: '';

    width: 85%;

    height: 1px;

/*    background: #580000;*/

    position: absolute;

    /* top: 33%; */

    /* right: -140%; */

    right: 8%;

    top: 35%;

    /* margin-top: -0.5px; */

    z-index: 10;}

/*.parHd li:before{ content: ''; width: 180%; height: 1px; background: #580000; position: absolute;top: 0; right:-140%;right: 0;}*/ 

.parHd li.no_line:before{ display: none;}

.parHd li{  display: inline-block; cursor: pointer; padding-top: 30px; font-size: 16px; color: #000;margin:0 19px; position: relative; }

.parHd li:after{ content: ''; background: url(../images/dot_ico.png) no-repeat; width: 24px; height: 24px; position: absolute;  z-index: 20;top: -12px; left: 50%; margin-left: -12px;}

.parBd{ text-align: center; margin-top:30px;}

.parBd h4{ position: relative; font-size: 40px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px;  display: inline-block; text-align: center;}

.parBd h4:after{ content:''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}

.parBd h4:before{ content:''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}

.parBd p{ line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto;}

div#listBox {

    width: 100%;

}

.sPrev,.sNext{ width: 30px; height: 30px; display: block; position: absolute; top: 10px;}

.sPrev{ left: 0;}

.sNext{ right: 0;}

.sPrev img,.sNext img{transition: all .9s cubic-bezier(.51,1.1,.9,.95);

    -moz-transition: all .9s cubic-bezier(.51,1.1,.9,.95);

    -webkit-transition: all .9s cubic-bezier(.51,1.1,.9,.95);

    -o-transition: all .9s cubic-bezier(.51,1.1,.9,.95);
     }

.sbb{display: flex;justify-content:center;flex-wrap: wrap;flex-wrap: wrap;}
.sbb li{width:22.5%;margin:0 1%;}
.sbtu{width:100%;height:167px;}
.sbtu img{width:100%;height:100%;}
.sbb li h1{color:#076ce0;font-size:16px;line-height:36px;height:36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sbb li p{color:#666;font-size:14px;line-height: 28px;height:55px;overflow: hidden;}
.bx-wrapper{width:1200px!important;margin:0 auto;}
.slide {overflow: hidden;width:364px!important;height:262px;float:left;margin:0 18px!important;margin-bottom:18px!important; border:10px #d1d4dd solid;}
.slide img{display: block;width:100%;
    margin: 0 auto;
    height: 100%;}
.bx-pager{display: none;}

.rytit{font-size:16px;line-height:44px;border-bottom: 1px #ccc solid;width:1168px;margin:2% auto;margin-bottom:40px;}

.cutop{width:1200px;margin:2% auto;display: flex;justify-content: space-around;}
.cutop li{width:23%;margin:0 1%;}
.cutop li img{width:100%;}

.cubot{width:1200px;margin:0 auto;display:flex;justify-content: flex-start;flex-wrap: wrap;}
.cubot li{width:23%;margin:1%; background: url(../images/bk.jpg) no-repeat left;background-size:4px 100%; padding:3%;    padding-top: 2%;}
.cubot li:hover h1{}
.cubot li h1{font-size:24px;color:#666;margin-top:15px;}
.cubot li p{font-size:16px;color:#666;line-height: 34px;margin-top:10px;text-transform: uppercase;}
.cubot li:hover h1{ color:#076ce0; -webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out;  animation:to1 .6s ease-in-out;}
.cubot li:hover p{ -webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out;  animation:to1 .6s ease-in-out;}
.cul{margin-bottom:4%;}
.slider1{width:1200px;margin:0 auto;}
.n_main_box {
    position: relative;
}
.n_content_box {
    min-height: 500px;
    position: relative;
}
/*===========团队风采==========*/
.n_about_team{}
.n_about_team .info_box{ padding:30px 0; background:#fbfbfc; border-bottom:1px solid #e4e6e7; border-top:1px solid #e4e6e7;}
.n_about_team .text_box{ margin-top:40px; margin-bottom:60px;}
.n_about_video .n_text_title{ background:#fbfbfc;}
.n_about_video  .content { border-bottom: 1px solid #e8e9ef; margin-bottom:40px; padding-top:50px;}

#j_Photo{overflow:hidden;margin:60px auto 0;width:1150px; border:1px solid #dcdcdc;}
#j_Photo .big_box{overflow:hidden;margin-bottom:10px;width:1150px;height:600px; position:relative;}
#j_Photo .big_box li{ position:relative;}
#j_Photo .big_box img{display:block; width:1150px; height:600px;}

#j_Photo .small_box{overflow:hidden;width:1150px;height:90px}
#j_Photo .small_list{position:relative;float:left;overflow:hidden;width:1050px;height:90px}
#j_Photo .small_list ul{overflow:hidden;height:90px;text-align: right; white-space: nowrap;}
#j_Photo .small_list ul li{position:relative; margin-right:8px;width:120px;display: inline-block; white-space: nowrap;}
#j_Photo .small_list ul li img{display:block; width:120px; height:90px;}
#j_Photo .small_list ul li .bun_bg{position:absolute;top:0;left:0;display:none;width:120px;height:90px;background:#000;opacity:.6;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6}
#j_Photo .small_list ul li.on .bun_bg{display:block}
#j_Photo .btn{display:block;width:17px;height:90px;background-color:#777;background-position:center;background-repeat:no-repeat;cursor:pointer}
#j_Photo .btn:hover{background-color:#333;}
#j_Photo .left_btn{float:left;margin-right:10px;background-image:url(../images/j_photo_left.png)}
#j_Photo .right_btn{float:right;background-image:url(../images/j_photo_right.png)}

.article p {
    font-size: 14px;
    color: #4c4c4f;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 1rem;}
 .ygfc{background: #f7f7f7;padding:4% 0;margin-top:4%;padding-top:2%;}   

.ygfc ul{display: flex;justify-content: flex-start;flex-wrap: wrap;width:1200px;margin:0 auto;}
.ygfc ul li{width:31%;margin:1%; background: #fff; box-shadow: #ccc 3px 3px 3px;}
.ygfc ul li p{font-size:16px;line-height: 44px;text-align: center;padding:0 2%;height:44px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.ygtu{width;100%;height:255px;}
.ygtu img{width:100%;height:100%;}

.spzx{width:1200px;margin:0 auto;}
.spl{width:509px;}
.spr{width:660px;background: #eee;}
.sptu{height:320px; position: relative;}
.spp{width:100%;height:100%;}
.spr p{font-size:18px;line-height:60px;text-align: center;}
.bf{position: absolute;top:50%;margin-top:-25px;width:50px;height:50px;left:50%;margin-left:-25px;}
.sptop{margin:4% 0;}

.vide{display: flex;justify-content: flex-start;flex-wrap: wrap;width:1225px;margin:0 auto;}
.vid{width:31.3%;margin:1%;background: #eee;}
.sptu1{height:220px; position: relative;}
.vid p{font-size:16px;line-height:40px;text-align: center;}
.vid:hover{background: #076ce0;}
.vid:hover p{color:#fff;}

.mar1024 {width: 1200px;margin: 0 auto;padding-bottom: 3%;}
.newsDetail_top {padding: 50px 0;}
.newsDetail_top .left {border-left: 6px solid #076ce0;padding-left: 15px;}
.newsDetail_top .title {font-size: 24px;color: #333;line-height: 34px;font-weight: bold;}
.newsDetail_top .info {font-size: 14px; color: #666;line-height: 26px;}
.newsDetail_bottom {padding-top: 40px;}
.newsDetail_bottom .left {width: 90%;}
.newsDetail_bottom .clearfix {margin-bottom: 1px;}
.newsDetail_bottom .clearfix:hover a{color:#0664be}
.newsDetail_bottom .right:hover a{background: #076ce0;color:#fff}
.newsDetail_bottom .left_l {width: 8%;height: 34px;border-radius: 3px 0 0 3px;background: #d4d4d4;line-height: 34px;text-align: center;font-size: 14px;color: #666;}
.newsDetail_bottom .left_r {width: 92%;height: 34px;padding: 0 1%;line-height: 34px;background: #ededed;font-size: 14px; color: #666;}
.newsDetail_bottom .left_r a {color: #666;}
.newsDetail_bottom .right { width: 10%; height: 69px;background: #d4d4d4;line-height: 69px;text-align: center;cursor: pointer;border-radius: 0 3px 3px 0;}
.newsDetail_bottom .right a {transition: all 0.6s ease-in-out;font-size: 16px;color: #666;display: block;}
.newsDetail_con p{font-size:16px;color:#666;line-height: 34px;}

.gaikuang {
    width: 1200px;
    margin: 0 auto;
    background: url(../images/page_about_bg.png) no-repeat center 55%;
    padding-bottom: 60px;
}
.page_about_title {
    text-align: center;
    padding: 60px 0 20px;
}
.page_about_title .title1 {
    font-size: 30px;
    color: #444;
    line-height: 44px;
    font-weight: bold;
}
.gaikuang .date {
    font-size: 16px;
    color: #a3a3a3;
    line-height: 32px;
}
.gaikuang .data {
    padding: 70px 5% 50px;
}
.gaikuang .content {
    font-size: 16px;
    color: #555;
    line-height: 36px;
    text-indent: 2em;
}
.mumping_mun li{border:none;}
	.main{border:none;width:1200px;}
	.mumping_mun span{font-weight:bold;font-family: arial;color:#076ce0;font-size:60px}

.mumping_mun li{width:24.7%;text-align: center; display: inline-block;padding: 30px;}
.mumping_mun{list-style: none;}
.mumping_mun p{font-size: 16px;text-align:center;
    margin-top: 5px;
    color: #777;
    width: 100%;
    display: block;
    clear: both;}
.faul{margin-top:3%;}
.faul li{width:46%;}
.fatu{border:2px #ccc solid;}
.faul .fl h1{font-size:18px;color:#d81e06;background:url(../images/dw.png) no-repeat left;padding-left:30px;line-height: 45px;}
.faul .fl p{font-size:14px;line-height: 26px;}

.faul .fr h1{font-size:18px;color:#d81e06;background:url(../images/fx.png) no-repeat left;padding-left:30px;line-height: 45px;}
.faul .fr p{font-size:14px;line-height: 26px;}
#fg_about .floor {
    display: block;
    padding: 60px 0;
}
.main_box {
    width: 1200px;
    margin: 0 auto;
}
.fl1 h1 {
    font-size: 22px;
    padding-top:25px;
    color: #3b3b3c;
    display: block;
    margin-bottom: 20px;
}
.fl1 p {
    font-size: 14px;
    color: #59595b;
    line-height: 30px;
    margin-top: 25px;
}
.fl2 img {
    width: 550px;
    height: 330px;
}
.fl1{width:560px;}
.jskf{width:1200px;margin:8% auto;}
.jstit h1{font-size: 28px;
    color: #4c4c4c;
    text-transform: uppercase;text-align:center;
    font-weight: bold !important;
    margin-bottom: 5px;}
.jstit h5{font-size: 20px;text-align:center;
    color: #4c4c4c;
    margin-bottom: 32px;}
.jstit span{display: block;
    background: #076ce0;margin:0 auto;
    height: 3px;
    width:35px;
    margin-bottom: 46px;}    
.jstit {width:1200px;margin:0 auto;}
.jstit p{margin-top:2%;font-size:14px;color:#59595b;text-align: center;line-height: 32px;}

.lm{display: flex;justify-content: space-between;margin:3% auto;width:1000px;}
.lm li{width:25%;}
.lmtu{padding:40px;border:1px #ccc solid;width:137px;height:137px;margin:0 auto;}
.lmtu img{width:55px;}
.lm li h1{font-size:22px;text-align: center;line-height: 38px;color:#666;font-weight:normal}
.lm li p{font-size:16px;text-align: center;line-height: 28px;color:#1543e1;}

.fl1{    width: 560px;}

.fl1 h1 {
    font-size: 28px;
    color: #4c4c4c;
    text-transform: uppercase;
    font-weight: bold !important;
    margin-bottom: 5px;
}
.fl1 h5 {font-size: 20px;
    color: #4c4c4c;
    margin-bottom: 32px;}
 .fl1 span{height: 3px;display: block;    background: #076ce0;
    height: 3px;
    width: 20px;
    position: relative;
    margin-bottom: 46px;}   
.n_jiaoyu .fl011{ }
.n_jiaoyu .fl011 .left{ float:left; width:560px; padding:34px 0 0}
.n_jiaoyu .fl011 .left .title h4{ font-size:28px; color:#4c4c4c; text-transform:uppercase; font-weight:bold !important; margin-bottom:5px;}
.n_jiaoyu .fl011 .left .title h5{ font-size:20px; color:#4c4c4c; margin-bottom:32px;}
.n_jiaoyu .fl011 .left .title h6{ height:3px; position:relative; margin-bottom:46px;}
.n_jiaoyu .fl011 .left .title h6:before{ content:""; position:absolute; left:0; top:0; background:#076ce0; height:3px; width:20px;}
.n_jiaoyu .fl011 .left p{ font-size:14px; color:#6f6f6f; line-height:30px;}
.n_jiaoyu .fl011 .right{ float:right;}

.n_langman{margin-top:50px;}

.n_langman ul{ margin-bottom:60px;}

.n_langman ul li{margin-bottom: 20px;overflow:hidden;}

.n_langman ul li .left{width: 310px;height: 415px;background: #f2f2f2;padding: 0 34px;}
.n_langman ul li:hover .left{ background:#076ce0;}
.n_langman ul li .left .con{ display:table; width:100%; height:100%;}

.n_langman ul li .left .con .table_cell{ display:table-cell; vertical-align:middle;}

.n_langman ul li .left .con .table_cell h5{font-size: 18px;color: #434344;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_langman ul li .left .con .table_cell h5 a{ color:#434344;}
.n_langman ul li:hover .left .con .table_cell h5 a{ color:#fff}

.n_langman ul li .left .con .table_cell h6{ font-size:13px; color:#959595; margin-bottom:15px;}
.n_langman ul li:hover .left .con .table_cell h6{ color:#fff}

.n_langman ul li .left .con .table_cell p{font-size: 13px;color:#959595;line-height: 22px;max-height:11rem;overflow:auto;}
.n_langman ul li:hover .left .con .table_cell p{ color:#fff}

.n_langman ul li .left .con .table_cell a{display:inline-block;}

.n_langman ul li .right{width: 880px;overflow:hidden;}

.n_langman ul li .right img{width: 880px;max-height: 415px;}

.n_langman ul li .con .more{position:relative;padding: 0 0 0 40px;}

.n_langman ul li .con .more a{ font-size:12px; color:#a6a6a6; font-style:italic;}

.n_langman ul li:hover .con .more a{ color:#fff}

.n_langman ul li .con .more:before{content:"";position:absolute;left:3px;top: 5px;width:30px;height:1px;background:#959595;}

.n_langman ul li:hover .con .more:before{background:#fff}















.Pagelist {
    margin: 50px 0;
    overflow: hidden;
    text-align: center;
}

.inline {
    display: inline-block;
    vertical-align: middle;
}

.Pagelist>ul li {
    float: left;
    height: 36px;
    margin: 0 4px;
}

.Pagelist>ul li .btn {
    width: auto;
    padding: 0 10px;
}
.Pagelist>ul li a, .Pagelist>ul li span {
    display: block;
    width: 50px;
    border: 1px solid #CFCFCF;
    background: #FFF;
    line-height: 30px;
    color: #6c6c6d;
    font-size: 12px;
}

.Pagelist>ul li .scurrent {
    background: #0664be; 
    color: #fff;  
}

.Pagelist>ul li a:hover, .Pagelist>ul li .current {
    border-color: #0664be;
    background: #0664be;
    color: #FFF;
}


cite, em, i {
    font-style: normal;
}
i, em, b {
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
}




.job_hare{width:305px; line-height:30px; position:relative;left:17px;top:10px;margin-bottom:55px;}
.job_hare span{float:left;}
.job_hare  .job_hare_fl{ float:left}
.pyshare{width:auto!important; }
.pyshare .li{width:28px;height:28px;margin-right:10px;float:left;background-image:url(../images/05.png);background-repeat:no-repeat;cursor:pointer;}
.pyshare .li.s1{background-position:0px 0px;}
.pyshare .li.s1:hover{background-position:0px -36px;}
.pyshare .li.s2{background-position:-33px 0px;}
.pyshare .li.s2:hover{background-position:-33px -36px;}
.pyshare .li.s3{background-position:-66px 0px;}
.pyshare .li.s3:hover{background-position:-66px -36px;}
.pyshare .li.s4{background-position:-99px 0px;}
.pyshare .li.s4:hover{background-position:-99px -36px;}
.pyshare .li.s5{background-position:-132px 0px;}
.pyshare .li.s5:hover{background-position:-132px -36px;}
.pyshare .li.s6{background-position:-165px 0px;}
.pyshare .li.s6:hover{background-position:-165px -36px;}